<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!--
    选择器是jQuery的核心
    一个选择器写出来类似$('#dom-id')
    js:var obj = document.getElementById("dom-id")
    jQ:var obj = $("#dom-id")
    返回的对象是jQuery对象
    类似数组，每个元素都是一个引用了DOM节点的对象
    不会返回undefined或者null
    所以不必在下一行判断if（div === undefined）
    1.基本选择器 2.多项选择器 3.层级选择器 4.属性选择器 5.过滤器 6.表单相关 7.查找和过滤
    1.基本选择器
      #id 根据给定的id选择
      element 根据给定的元素标签名匹配所有元素
      .class 根据类名选择
    2.*通配符选择器：匹配所有的元素
      $("selector1,selector2,selectorN")将每一个选择器匹配到的
      元素合并后一起返回，可以指定任意多个选择器，将匹配到的元素合并到一个结果内
    3.层级选择器
      后代选择器 $('ancestor descendant')在给定的祖先元素下匹配所有的后代元素
      直接后代选择器 $('parent>child')在给定的父元素下匹配所有的子元素
      同一层 相邻选择器$('prev + next')匹配所有紧接在prev元素后的next元素
      同一层 $('prev ~ siblings')匹配prev元素之后的所有siblings元素
    4.属性选择器
    5.过滤器  
    :first-child
    :last-child
    :nth-child(n/even/odd/formula)
    :nth-last-child(n|even|odd|formula)
    :only-child
    :first-of-type
    ~和上面一样 选择的时候注重的是type 一个注重节点
    过滤器的参数
    n 匹配子元素的序号，必须是整数，从1开始
    even ：匹配所有的偶数元素
    odd：匹配所有奇数元素
    formula：使用特殊公司（an+b）进行选择
   表单相关
   ：input 可选择<input>,<textarea>,<button>
  :text
  匹配所有的单行文本框，和input【type=‘text’】一样
  查找和过滤
  find()  全部后代 性能比较差 东西比较多 功能：搜索所有与指定表达式匹配的元素
  children() 直接的下一级的 功能：取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合
  parent() 取得一个包含着所有匹配元素的唯一父元素的元素集合
  
  兄弟选择器  
  next（），prev() 同一级的前后。即取得一个包含匹配的元素集合中每一个元素紧邻的后面（前面）
  同辈元素的元素集合
  eq（index|-index）获取当前链式操作中第N个jQuery对象 负数倒数第几个
  其他全部 siblings()取得一个包含匹配的元素集合每一个元素的所有唯一同辈元素的元素集合

  filter(expr | object | element | fn)筛选出与指定表达式匹配的元素集合
  expr:字符串，包含供匹配当前元素集合的选择器表达式
  object：现有的jQuery对象，以匹配当前的元素
  element：一个用于匹配元素的DOM元素
  fn：一个函数用来作为测试元素的集合
-->
</body>
</html>